<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <link rel="shortcut icon" type="image/ico" href="images/vineta-globo.png" />
        <title> :: Gift 2 You ::</title>
        
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

        <style>
            body{
                background-image: url('images/fondo2.jpg');
                background-size: 1200px 700px;
                background-position-x: center;
                background-position-y: top;
                background-repeat: repeat-x;
            }
            
            #mast-head-main {
                width: 700px; 
                height: 400px; 
                margin: 0 auto 45px auto; 
                position: relative;
            }
            
            #masthead {
                width: 100%; 
                height: 100%; 
                background: url('images/1.jpg') top center no-repeat;
                background-size: 100% 100%;
            }
            
            #masthead-inner-wrapper {
                position: absolute; 
                left: 30px; 
                top: 60px;
            }
            
        </style>
    </head>
    <body>
        <table cellpadding="0" cellspacing="0" style="width: 100%; height: 100%; border-color: lightgray;" border="0">
            <tr>
                <td style="width: 25%; vertical-align: top;">
                    <div>
                        <!-- Logo G2U -->
                        <center>
                            <img src="images/logo.png"/>
                        </center>
                    </div>
                    
                    <div>
                        <center>

                        </center>
                    </div>

                </td>
                <td style="width: 75%; vertical-align: top;">
                    <div>
                        <img src="images/texto.png"  />
                    </div>
                    <div>
                       
                    </div>
                    <div id="fb-root"></div>
                </td>
            </tr>
        </table>
        
        
        <!-- FACEBOOK JAVASCRIPT - INICIO -->
        <script>
          window.fbAsyncInit = function() {
          FB.init({
            appId      : '1398829387019074', // App ID
            channelUrl : '//www.juancarbonel.com/proyectos/g2u/channel.html',
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });

            FB.Event.subscribe('auth.authResponseChange', function(response) {
                if (response.status === 'connected') {
                    alert("capturar algo");
                }
            });

          };
          
          

          (function(d){
            var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            //js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=1398829387019074";
            ref.parentNode.insertBefore(js, ref);
          }(document));

        </script>
        
    </body>
</html>